<template>
    <div class="main-header">
        <h2>{{ route.meta.title }}</h2>
    </div>
</template>
<script>
export default {
    name: 'MainHeader'
}
</script>
<script setup>
import { useRoute } from 'vue-router'
const route = useRoute()
</script>
<style scoped lang="scss">
.main-header {
    background-color: #fff;
    margin: -24px -24px 0;
    height: 72px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    h2 {
        font-size: 20px;
        font-weight: 700;
    }
}
</style>
